<!DOCTYPE html>
<html>

<head lang="en">
	<meta charset="utf-8" />
	<title>个人信息</title>
	<link rel="stylesheet" type="text/css" href="css/public.css" />
	<link rel="stylesheet" type="text/css" href="css/mygrxx.css" />
	<link rel="stylesheet" type="text/css" href="css/mygxin.css" />
	<link rel="stylesheet" type="text/css" href="css/myorder.css" />
	<link rel="stylesheet" type="text/css" href="css/coupan.css" />
	<script type="text/javascript" src="js/vue.js"></script>
	<script type="text/javascript" src="element-ui/lib/index.js"></script>
	<link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
	<script src="js/user.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/axios.min.js">
	</script>
	<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
	<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">

		var uid = window.localStorage.getItem('uid');
		if (uid == null) {
			alert("请先登录！")
			window.location.href = "login.html";
		}
		axios.get('http://localhost:8088/users/getUsersById/' + uid, {

		}).then(res => {
			var status = -1;
			var umoney = res.data.data.umoney;
			if (res.data.status == '0') {
				status = 0;
				window.localStorage.setItem('umoney', umoney);
				window.localStorage.setItem('status', status);
			}
		})

		//用户页面显示
		function a() {
			var span1 = '';
			var span2 = '';
			var span3 = '';
			var span4 = '';
			var span5 = '';
			var uname = window.localStorage.getItem('uname');
			var status = window.localStorage.getItem('status');
			var utele = window.localStorage.getItem('utele');
			var umoney = window.localStorage.getItem('umoney');
			var utype = window.localStorage.getItem('utype');
			var uuu = '';
			if (utype == '1') {
				uuu = '超级会员';
			} else if (utype == '0') {
				uuu = '普通用户';
			} else {
				uuu = '身份获取失败';
			};
			if (status == 0) {
				span1 = `<span class="fl">[` + uname + `]</span>`
				span4 = `<span class="fr" onclick="logout()">` + `退出登录` + `</sapn>`
				$("#f12").append(span1);
				$("#f12").append(span4);
				span2 = `<span>` + `欢迎您&nbsp:&nbsp&nbsp&nbsp` + uname + `<span style="color:red;">[` + uuu + `]</span>`;
				if (utype == '0') {
					span5 = `<span style="color:grey;font-size: 15px;" onclick="re1()">立即续费</span>`
					$("#f14").append(span5);
				}
				$("#f11").append(span2);
				span3 = `<span>` + utele + `</span><div>余额：￥ ` + umoney + ` 元<div style="color:red;font-size:17px;" onclick="recharg1()">充值</div></div>`;
				$("#utele").append(span3);
				$("#mygxin").html(" ");
				$("#mygxin").append(span2);
				$("#reg").hide();
				$("#login").hide();

			}

		}
		//用户订单不同状态显示数目
		function orderNumber() {
			var uid = window.localStorage.getItem('uid');
			if (uid < 0) {
				console.log("用户ID不存在");
			} else {
				axios.get("http://localhost:8088/order/orderNumber", {
					params: {
						'ostate': 0,
						'uid': uid
					}
				}).then(res => {
					$("#numb1").html(res.data);
				});
				axios.get("http://localhost:8088/order/orderNumber", {
					params: {
						'ostate': 2,
						'uid': uid
					}
				}).then(res => {
					$("#numb2").html(res.data);
				});
				axios.get("http://localhost:8088/order/orderNumber", {
					params: {
						'ostate': 3,
						'uid': uid
					}
				}).then(res => {
					$("#numb3").html(res.data);
				})
			}
		}
		//用户充值展开隐藏框
		function re1() {
			$("#mask").show();
			$(".avatar").show();
		}
		//用户充值成为超级会员
		function changeUser() {
			var uid = window.localStorage.getItem('uid');
			var umoney = window.localStorage.getItem('umoney');
			if (uid < 0) {
				alert("用户ID不存在");
			} else if (umoney - 20 < 0) {
				alert("用户余额不足");
			}
			else {
				axios.get("http://localhost:8088/users/changeUser", {
					params: {
						'uid': uid,
					}
				})
					.then(res => {
						console.log(res.data);
						if (res.data === true) {
							axios.get('http://localhost:8088/users/getUsersById/' + uid, {
							}).then(res => {
								var status = -1;
								var utype = res.data.data.utype;
								var umoney = res.data.data.umoney;
								if (res.data.status == '0') {
									status = 0;
									window.localStorage.setItem('utype', utype);
									window.localStorage.setItem('umoney', umoney);
									window.localStorage.setItem('status', status);
									window.location.reload();
									alert("恭喜您成功超级会员");
								}
							})
						} else {
							alert("会员充值失败")
						}
					});
			}
		}
		//用户退出
		function logout() {
			localStorage.clear();
			window.location.href = "index.html";
		}
		//用户修改框出现
		function edit1() {
			$("#mask").show();
			$("#bj").show();
			var uid = window.localStorage.getItem('uid');
			$.ajax({
				url: "http://localhost:8088/users/getUsersById/" + uid,
				type: 'GET',
				dataType: 'json',
				success: function (data) {
					$("#uname").val(data.data.uname);
					$("#utel").val(data.data.utele);
				},
				error: function () {
					alert("获取失败");
				}
			})
		}
		//修改用户信息
		function updateUser() {
			var uid = window.localStorage.getItem('uid');
			var utele = document.getElementById("utel").value;
			var uname = document.getElementById("uname").value;
			var upwd = document.getElementById("upwd").value;
			var upass = document.getElementById("upass").value;
			if (utele === "") {
				console.log("电话不能为空");
			} else if (uname === "") {
				console.log("用户名不能为空");
			} else if (upwd === "") {
				console.log("新密码不能为空");
			} else if (upass === "") {
				console.log("确认密码不能为空");
			} else if (upwd !== upass) {
				alert("两次密码不一致");
			}
			else {
				axios.get("http://localhost:8088/users/updateUser", {
					params: {
						'uid': uid,
						'uname': uname,
						'utele': utele,
						'upwd': upwd
					}
				})
					.then(res => {
						if (res.data === true) {
							window.location.href = "login.html";
							alert("修改成功");
						} else {
							alert("修改失败")
						}
					});
			}
		}
		//充值框显现
		function recharg1() {
			$("#mask").show();
			$(".xg").show();
			// var uid=window.localStorage.getItem('uid');
			// $.ajax({
			// 	url: "http://localhost:8088/users/getUsersById/"+uid,
			// 	type: 'GET',
			// 	dataType: 'json',
			// 	success: function (data) {
			// 		$("#umoney").val(data.data.umoney);
			// 	},
			// 	error: function () {
			// 	alert("获取失败");
			// }
			// })
		}
		//充值金额
		function rechargUser() {
			var umoney = document.getElementById("umoney").value;
			var uid = window.localStorage.getItem('uid');
			console.log(umoney);
			if (umoney === '') {
				console.log("充值金额不能为空");
			} else {
				axios.get("http://localhost:8088/users/rechargUser", {
					params: {
						'uid': uid,
						'umoney': umoney
					}
				})
					.then(res => {
						if (res.data === true) {
							axios.get('http://localhost:8088/users/getUsersById/' + uid, {
							}).then(res => {
								var status = -1;
								var umoney = res.data.data.umoney;
								if (res.data.status == '0') {
									status = 0;
									window.localStorage.setItem('umoney', umoney);
									window.localStorage.setItem('status', status);
									window.location.reload();
									alert("充值成功");
								}
							})
						} else {
							alert("充值失败")
						}
					});
			}
		}
		//我的订单tab卡页面展示
		function myordera() {
			var uid = window.localStorage.getItem('uid');
			var uname = window.localStorage.getItem('uname');
			$.ajax({
				url: "http://localhost:8088/order/getOrderByUid/" + uid,
				type: "GET",
				dataType: "JSON",
				success: function (data) {
					var ostate = '';
					var otype = '';
					var div = '';
					for (order of data) {
						var div1 = '';
						var div2 = '';
						ostate = order.ostate;
						if (ostate == '0') {
							otype = '待支付';
							div1 = `<div class="dkuang deng">
										<p class="one">`+ otype + `</p>`;
						} else if (ostate == '1') {
							otype = '已付款';
							div1 = `<div class="dkuang deng" >
									<p class="one">`+ otype + `</p>`;
						} else if (ostate == '2') {
							otype = '派送中';
							div1 = `<div class="dkuang clearfix deng">
										<p class="one fl">`+ otype + `</p>
										<div  class="clearfix">
											<div class="fl vewwl">
												<a class="ckwl">查看物流</a>
											</div>
										</div>`;
						} else if (ostate == '3') {
							otype = '已收货';
							div1 = `<div class="dkuang">
									<p class="one">`+ otype + `</p>`;
						} else if (ostate == '4') {
							otype = '退款中';
							div1 = `<div class="dkuang">
									<p class="one">`+ otype + `</p>`;
						} else if (ostate == '5') {
							otype = '已退款';
							div1 = `<div class="dkuang">
									<p class="one">`+ otype + `</p>`;
						}
						else {
							otype = '订单状态获取失败';
						}
						if (ostate == '0') {
							div2 = div1 + `<div class="word clearfix">
										<ul class="fl clearfix">
											<li>${order.otime}</li>
											<li>`+ uname + `</li>
											<li>订单号:${order.oid}</li>
											<li>在线支付</li>
										</ul>
										<p class="fr">订单金额：<span>${order.orprice}</span>元</p>
									</div>
									<div class="shohou clearfix">
										<p class="fl"><a href="#">地址：${order.omessage}</a><a href="#">商品：${order.onote}</a><a href="#">价格：¥${order.oprice}</a></p>
										<p class="fr">
											<a id="" onclick="pay1(${order.oid})">付款</a>
											<a style="margin-bottom: 10px;" onclick="delOrder(${order.oid})">删除</a>
										</p>
									</div>
								</div>`;
						} else if (ostate == '1') {
							div2 = div1 + `<div class="word clearfix">
										<ul class="fl clearfix">
											<li>${order.otime}</li>
											<li>`+ uname + `</li>
											<li>订单号:${order.oid}</li>
											<li>在线支付</li>
										</ul>
										<p class="fr">订单金额：<span>${order.orprice}</span>元</p>
									</div>
									<div class="shohou clearfix">
										<p class="fl"><a href="#">地址：${order.omessage}</a><a href="#">商品：${order.onote}</a><a href="#">价格：¥${order.oprice}</a></p>
										<p class="fr">
											<a id="refund1" onclick="refund1(${order.oid},${order.orprice})">退款</a>
											<a>待发货</a>
										</p>
									</div>
								</div>`;
						}
						else if (ostate == '2') {
							div2 = div1 + `<div class="word clearfix">
										<ul class="fl clearfix">
											<li>${order.otime}</li>
											<li>`+ uname + `</li>
											<li>订单号:${order.oid}</li>
											<li>在线支付</li>
										</ul>
										<p class="fr">订单金额：<span>${order.orprice}</span>元</p>
									</div>
									<div class="shohou clearfix">
										<p class="fl"><a href="#">地址：${order.omessage}</a><a href="#">商品：${order.onote}</a><a href="#">价格：¥${order.oprice}</a></p>
										<p class="fr">
											<a id="" onclick="receive1(${order.oid})">收货</a>
										</p>
									</div>
								</div>`;
						} else if (ostate == '4') {
							div2 = div1 + `<div class="word clearfix">
										<ul class="fl clearfix">
											<li>${order.otime}</li>
											<li>`+ uname + `</li>
											<li>订单号:${order.oid}</li>
											<li>在线支付</li>
										</ul>
										<p class="fr">订单金额：<span>${order.orprice}</span>元</p>
									</div>
									<div class="shohou clearfix">
										<p class="fl"><a href="#">地址：${order.omessage}</a><a href="#">商品：${order.onote}</a><a href="#">价格：¥${order.oprice}</a></p>
										<p class="fr">
											<a id="" onclick="receive1(${order.oid})">退款中</a>
										</p>
									</div>
								</div>`;
						} else if (ostate == '5') {
							div2 = div1 + `<div class="word clearfix">
										<ul class="fl clearfix">
											<li>${order.otime}</li>
											<li>`+ uname + `</li>
											<li>订单号:${order.oid}</li>
											<li>在线支付</li>
										</ul>
										<p class="fr">订单金额：<span>${order.orprice}</span>元</p>
									</div>
									<div class="shohou clearfix">
										<p class="fl"><a href="#">地址：${order.omessage}</a><a href="#">商品：${order.onote}</a><a href="#">价格：¥${order.oprice}</a></p>
										<p class="fr">
											<a id="" onclick="receive1(${order.oid})">已退款</a>
										</p>
									</div>
								</div>`;
						}
						else {
							div2 = div1 + `<div class="word clearfix">
										<ul class="fl clearfix">
											<li>${order.otime}</li>
											<li>`+ uname + `</li>
											<li>订单号:${order.oid}</li>
											<li>在线支付</li>
										</ul>
										<p class="fr">订单金额：<span>${order.orprice}</span>元</p>
									</div>
									<div class="shohou clearfix">
										<p class="fl"><a href="#">地址：${order.omessage}</a><a href="#">商品：${order.onote}</a><a href="#">价格：¥${order.oprice}</a></p>
										<p class="fr">
											<a>已完成</a>
										</p>
									</div>
								</div>`;
						}
						div += div2;
					}
					$("#class1").append(div);
					console.log("订单获取成功");
				},
				error: function () {
					alert("获取失败");
				}
			})
		}
		//付款未支付的订单
		function pay1(oid) {
			console.log(oid);
			$.ajax({
				url: "http://localhost:8088/order/getOrderById/" + oid,
				type: "GET",
				dataType: "JSON",
				success: function (data) {
					if (data.status == '0') {
						console.log(data.data);
						axios({
							method: "POST",
							url: "http://localhost:8088/order/fukuan",
							data: data.data,
						}).then(res => {
							var uid = window.localStorage.getItem('uid');
							if (res.data === "付款成功") {
								axios.get('http://localhost:8088/users/getUsersById/' + uid, {

								}).then(res => {
									var status = -1;
									var umoney = res.data.data.umoney;
									if (res.data.status == '0') {
										status = 0;
										window.localStorage.setItem('umoney', umoney);
										window.localStorage.setItem('status', status);
										window.location.reload();
										alert("付款成功");
									}
								})
							} else {
								alert(res.data);
							}

							// console.log(res);
						});
					}

				}
			})
		}
		//订单收货
		function receive1(oid) {
			$.ajax({
				url: "http://localhost:8088/order/getOrderById/" + oid,
				type: "GET",
				dataType: "JSON",
				success: function (data) {
					if (data.status == '0') {
						axios({
							method: "POST",
							url: "http://localhost:8088/order/shouhuo",
							data: data.data,
						}).then(res => {
							window.location.reload();

							alert("收货成功");
							console.log(res);
						});
					}

				}
			})
		}
		//出现订单退款弹出框
		function refund1(oid, oprice) {
			$("#mask").show();
			$("#refund").show();
			$("#oid").val(oid);
			$("#orprice").val(oprice);
		}
		//传参数到后台，对订单进行退款处理
		function refund2() {
			var reason = document.getElementById("reason").value;
			var uid = window.localStorage.getItem('uid');
			var oid = document.getElementById("oid").value;
			var orprice = document.getElementById("orprice").value;
			axios({
				method: "POST",
				url: "http://localhost:8088/refund/addRefund",
				data: {
					'oid': oid,
					'uid': uid,
					'reason': reason,
					'rmoney': orprice
				}
			}).then(res => {
				alert('申请退款成功');
				window.location.reload();

				// console.log(res);
			})
		}
		//删除订单
		function delOrder(oid) {
			console.log(oid);
			axios({
				method: "DELETE",
				url: "http://localhost:8088/order/deleteOrder/" + oid,
			}).then(res => {
				window.location.reload();

				console.log(res);
				alert("订单删除成功");
			})
		}
		//我的优惠券页面显示
		function mycoupan1() {
			var uid = window.localStorage.getItem('uid');
			$.ajax({
				url: "http://localhost:8088/coupan/getUsersCoupanList1/" + uid,
				dataType: "json",
				type: "get",
				success: function (data) {
					var div = '';
					var cmoney = '';
					for (coupan of data) {
						var div1 = '';
						cmoney = coupan.cmoney;
						if (cmoney <= 5) {
							div1 = `<div class="coupon coupon-wave-left coupon-wave-right coupon-yellow-gradient">
										<div class="coupon-info coupon-info-right-dashed">
											<div class="coupon-store">${coupan.cname}</div>
											<div class="coupon-price">¥${coupan.cmoney}.00<span>优惠券</span></div>
										</div>
										<div class="coupon-get">
											<div class="coupon-desc">已领取</div>
											<div class="coupon-expiry-date">${coupan.cstartday}<br/>${coupan.cendday}</div>
										</div>
									</div>`;
						} else if (cmoney <= 20) {
							div1 = `<div class="coupon coupon-wave-left coupon-wave-right coupon-red-gradient">
										<div class="coupon-info coupon-info-right-dashed">
											<div class="coupon-store">${coupan.cname}</div>
											<div class="coupon-price">¥${coupan.cmoney}.00<span>优惠券</span></div>
										</div>
										<div class="coupon-get">
											<div class="coupon-desc">已领取</div>
											<div class="coupon-expiry-date">${coupan.cstartday}<br/>${coupan.cendday}</div>
										</div>
									</div>`;
						} else if (cmoney > 20) {
							div1 = `<div class="coupon coupon-wave-left coupon-wave-right coupon-blue-gradient">
										<div class="coupon-info coupon-info-right-dashed">
											<div class="coupon-store">${coupan.cname}</div>
											<div class="coupon-price">¥${coupan.cmoney}.00<span>优惠券</span></div>
										</div>
										<div class="coupon-get">
											<div class="coupon-desc">已领取</div>
											<div class="coupon-expiry-date">${coupan.cstartday}<br/>${coupan.cendday}</div>
										</div>
									</div>`;
						} else {
							alert("优惠券金额有问题");
						}
						div += div1;
					}
					$("#coupan").append(div);
					console.log("优惠券获取成功");
				},
				error: function () {
					alert("获取失败");
				}
			})
		}
		//隐藏mask框
		function hidden1() {
			$("#mask").hide();
			$(".bj").hide();
			$(".avatar").hide();
			$(".xg").hide();
		}
		//我的中心tab选项卡
		function mymess() {
			$("#nav_l").show();
			$("#nav_l1").hide();
			$("#coupan").hide();
			$("#col2").css("color", "#A10000");
			$("#col1").css("color", "#757575");
			$("#col3").css("color", "#757575");
		}
		//我的订单tab选项卡
		function myorder1() {
			$("#nav_l").hide();
			$("#nav_l1").show();
			$("#coupan").hide();
			$("#col1").css("color", "#A10000");
			$("#col2").css("color", "#757575");
			$("#col3").css("color", "#757575");
		}
		//我的优惠券tab选项卡
		function mycoupan() {
			$("#nav_l").hide();
			$("#nav_l1").hide();
			$("#coupan").show();
			$("#col3").css("color", "#A10000");
			$("#col2").css("color", "#757575");
			$("#col1").css("color", "#757575");
		}
		$(function () {
			a();
			myordera();
			mycoupan1();
			orderNumber()
		})
	</script>
</head>

<body>
	<!------------------------------head------------------------------>
	<div class="head">
		<div class="wrapper clearfix">
			<div class="clearfix" id="top">
				<h1 class="fl"><a href="index.html"><img src="img/logo.png" style="width: 380px;
						height: 160px;
						position: absolute;
						top: -46px;
						left: 46px;" /></a></h1>
				<div class="fr clearfix" id="top1">
					<p class="fl">
						<a href="mygxin.html" id="mygxin"></a>
						<a href="login.html" id="login">登录</a>
						<a href="reg.html" id="reg">注册</a>

					</p>
				</div>
			</div>
			<ul class="clearfix" id="bott">
				<li><a href="index.html">首页</a></li>
				<li>
					<a href="#">水果分类</a>
					<div class="sList">
						<div class="wrapper  clearfix">
							<a href="paint.html">
								<dl>
									<dd>瓜果类</dd>
								</dl>
							</a>
							<a href="paint2.html">
								<dl>
									<dd>浆果类</dd>
								</dl>
							</a>
							<a href="paint.html">
								<dl>
									<dd>柑橘类</dd>
								</dl>
							</a>
							<a href="paint.html">
								<dl>
									<dd>核果类</dd>
								</dl>
							</a>
							<a href="paint.html">
								<dl>
									<dd>坚果类</dd>
								</dl>
							</a>


						</div>
					</div>
				</li>
				<li>
					<a href="bzproList.html">热销推荐</a>
					<div class="sList2">
						<div class="clearfix">
							<a href="bzproList.html">西瓜</a>
							<a href="bzproList.html">荔枝</a>
							<a href="bzproList.html">蓝莓</a>
							<a href="bzproList.html">香蕉</a>
							<a href="bzproList.html">杨梅</a>
							<a href="bzproList.html">葡萄</a>
							<a href="bzproList.html">哈密瓜</a>
							<a href="bzproList.html">芒果</a>
							<a href="bzproList.html">枇杷</a>
							<a href="bzproList.html">樱桃</a>
							<a href="bzproList.html">车厘子</a>
						</div>
					</div>
				</li>
				<li>
					<a href="bzproList.html">时令水果</a>
					<div class="sList2">
						<div class="clearfix">
							<a href="bzproList.html">火龙果</a>
							<a href="bzproList.html">西瓜</a>
							<a href="bzproList.html">荔枝</a>
							<a href="bzproList.html">李子</a>
							<a href="bzproList.html">杨梅</a>
							<a href="bzproList.html">百香果</a>
							<a href="bzproList.html">车厘子</a>
							<a href="bzproList.html">樱桃</a>
							<a href="bzproList.html">枇杷</a>
						</div>
					</div>
				</li>
				<li><a href="#">限时特卖</a></li>
				<li><a href="#">国产优选</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
		</div>
	</div>
	<!------------------------------idea------------------------------>
	<div class="address mt" id="add" style="margin-top: 0;">
		<div class="wrapper clearfix">
			<a href="index.html" class="fl">首页</a>
			<span>/</span>
			<a href="mygxin.html" class="on">个人中心</a>
		</div>
	</div>

	<!------------------------------Bott------------------------------>
	<div class="Bott">
		<div class="wrapper clearfix">
			<div class="zuo fl" style="height: 550px;">
				<h3>
					<a href="#"><img src="img/tx.png" /></a>
					<p class="clearfix" id="f12">
						<!--<span class="fr" onclick="logout()">[退出登录]</span> -->
					</p>
					<p class="clearfix" id="f13">
						<!--<span class="fr" onclick="logout()">[退出登录]</span> -->
					</p>
				</h3>
				<div>
					<h4>我的交易</h4>
					<ul>
						<li><a href="cart.html">我的购物车</a></li>
						<li><a id="col1" onclick="myorder1()">我的订单</a></li>
						<!-- <li><a onclick="">评价晒单</a></li> -->
					</ul>
					<h4>个人中心</h4>
					<ul>
						<li class="on"><a id="col2" onclick="mymess()">我的中心</a></li>
						<li><a id="col3" onclick="mycoupan()">我的优惠券</a></li>
						<li><a href="mymoney.html">我的资金</a></li>
					</ul>
				</div>
			</div>
			<!-- 我的个人中心 -->
			<div class="you fl" id="nav_l">
				<div class="tx clearfix">
					<div class="fl clearfix">
						<a href="#" class="fl"><img src="img/tx.png" /></a>
						<p class="fl" style="margin-top:2px;"><span id="f11"></span><span id="f14"></span><a
								onclick="edit1()">修改个人信息></a></p>
					</div>
					<div class="fr" style="margin-top: 25px;" id="utele">绑定电话：</div>
				</div>
				<div class="bott">
					<div class="clearfix">
						<a href="#" class="fl"><img src="img/gxin1.jpg" /></a>
						<p class="fl"><span>待支付的订单：<strong id="numb1"></strong></span>
							<a>查看待支付订单></a>
						</p>
					</div>
					<div class="clearfix">
						<a href="#" class="fl"><img src="img/gxin2.jpg" /></a>
						<p class="fl"><span>待收货的订单：<strong id="numb2"></strong></span>
							<a>查看待收货订单></a>
						</p>
					</div>
					<div class="clearfix">
						<a href="#" class="fl"><img src="img/gxin3.jpg" /></a>
						<p class="fl"><span>已收货的订单：<strong id="numb3"></strong></span>
							<a>查看待评价订单></a>
						</p>
					</div>
				</div>
			</div>
			<!-- 我的订单页 -->
			<div class="you fl" id="nav_l1" style="display: none;">
				<div class="my clearfix">
					<h2 class="fl">我的订单</h2>
					<a href="#" class="fl">请谨防钓鱼链接或诈骗电话，了解更多&gt;</a>
				</div>
				<div class="dlist clearfix">
					<ul class="fl clearfix" id="wa">
						<li class="on"><a href="#">全部有效订单</a></li>
						<li><a href="#">待支付</a></li>
						<li><a href="#">待收货</a></li>
						<li><a href="#">已关闭</a></li>
					</ul>
					<form action="#" method="get" class="fr clearfix">
						<input type="text" name="" id="" value="" placeholder="请输入商品名称、订单号" />
						<input type="button" name="" id="" value="" />
					</form>
				</div>
				<div id="class1">
				</div>
				<!-- <div class="fenye clearfix">
						<a href="#"><img src="img/zuo.jpg"/></a>
						<a href="#">1</a>
						<a href="#"><img src="img/you.jpg"/></a>
					</div> -->
			</div>
			<!-- 我的优惠券 -->
			<div class="you fl" style="display: none;" id="coupan">
				<p style="color: red">提示:相同优惠券只能拥有一张，只有使用之后，才可以拥有第二张优惠券</p>
			</div>
		</div>
	</div>

	<!--遮罩-->
	<div id="mask"></div>
	<!--编辑弹框-->
	<div class="bj" id="bj">
		<div class="clearfix"><a class="fr gb" onclick="hidden1()"><img src="img/icon4.png" /></a></div>
		<h3>编辑资料</h3>
		<form action="#" method="get">
			<p><label>姓名：</label><input type="text" id="uname" value="" /></p>
			<p><label>电话：</label><input type="text" id="utel" value="" /></p>
			<p><label>新密码：</label><input type="password" id="upwd" value="" /></p>
			<p><label>确认密码：</label><input type="password" id="upass" value="" /></p>
			<div class="bc">
				<input type="button" value="保存" onclick="updateUser()" />
				<input type="button" value="取消" onclick="hidden1()" />
			</div>
		</form>
	</div>
	<!--编辑充值弹框-->
	<div class="xg">
		<div class="clearfix"><a class="fr gb" onclick="hidden1()"><img src="img/icon4.png" /></a></div>
		<h3>充值</h3>
		<form action="#" method="get">
			<p><label>二维码：</label><img src="img/erweima.jpg" /></p>
			<p><label>金额：</label><input type="text" id="umoney" value="" /></p>
			<div class="bc">
				<input type="button" value="确认" onclick="rechargUser()" />
				<input type="button" value="取消" onclick="hidden1()" />
			</div>
			<p style="margin-top: 22px;"><label>提示：</label>充值100元以上就送10%金额的优惠券，向下取整</p>
			<p style="margin-left: 35px;">充值100元送10元优惠券</p>
			<p style="margin-left: 35px;">充值200元送20元优惠券</p>
			<p style="margin-left: 35px;">充值500元送50元优惠券</p>
			<p style="margin-left: 20px;color:red;">PS：相同优惠券只能拥有一张</p>
		</form>
	</div>
	<!-- 编辑充值会员弹出框 -->
	<div class="avatar">
		<div class="clearfix"><a class="fr gb" onclick="hidden1()"><img src="img/icon4.png" /></a></div>
		<h3>充值会员</h3>
		<form action="#" method="get">
			<div class="bc">
				<input type="button" value="确认" onclick="changeUser()" />
				<input type="button" value="取消" onclick="hidden1()" />
			</div>
		</form>
	</div>
	<!--修改头像-->
	<!-- <div class="avatar">
			<div class="clearfix"><a href="#" class="fr gb" id="gb"><img src="img/icon4.png"/></a></div>
			<div class="clearfix"><a href="#" class="fr gb" id="gb"><img src="img/icon4.png" /></a></div>
			<h3>修改头像</h3>
			<form action="#" method="get">
				<h4>请上传图片</h4>
				<input type="button" value="上传头像" />
				<p>jpg或png，大小不超过2M</p>
				<input type="submit" value="提交" />
			</form>
		</div> -->
	<!-- 退款弹出框 -->
	<div class="bj" id="refund" style="position: fixed;">
		<div class="clearfix"><a class="fr gb" onclick="hidden1()"><img src="img/icon4.png" /></a></div>
		<h3>退款申请</h3>
		<form action="#" method="get">
			<p><label>订单ID：</label><input type="text" disabled="disabled" id="oid" value="" /></p>
			<p><label>订单金额：</label><input type="text" disabled="disabled" id="orprice" value="" /></p>
			<p><label>退款理由：</label><select id="reason">
					<option>多拍、错拍</option>
					<option>未按约定时间发货</option>
					<option>7天无理由退货</option>
					<option>发票问题</option>
					<option>退运费</option>
					<option>商品描述的颜色与实物不符</option>
					<option>少发、漏发</option>
					<option>商品/包装破损、污渍 </option>
				</select></p>
			<div class="bc">
				<input type="button" value="保存" onclick="refund2()" />
				<input type="button" value="取消" onclick="hidden1()" />
			</div>
		</form>
	</div>

	<!--返回顶部-->
	<div class="gotop">
		<a href="cart.html">
			<dl>
				<dt><img src="img/gt1.png" /></dt>
				<dd>去购<br />物车</dd>
			</dl>
		</a>
		<a href="#" class="dh">
			<dl>
				<dt><img src="img/gt2.png" /></dt>
				<dd>联系<br />客服</dd>
			</dl>
		</a>
		<a href="mygxin.html">
			<dl>
				<dt><img src="img/gt3.png" /></dt>
				<dd>个人<br />中心</dd>
			</dl>
		</a>
		<a href="#" class="toptop" style="display: none">
			<dl>
				<dt><img src="img/gt4.png" /></dt>
				<dd>返回<br />顶部</dd>
			</dl>
		</a>
		<p>400-800-8200</p>
	</div>
	<div class="footer">
		<div class="top">
			<div class="wrapper">
				<div class="clearfix">
					<a href="#2" class="fl"><img src="img/foot1.png" /></a>
					<span class="fl">7天无理由退货</span>
				</div>
				<div class="clearfix">
					<a href="#2" class="fl"><img src="img/foot2.png" /></a>
					<span class="fl">15天免费换货</span>
				</div>
				<div class="clearfix">
					<a href="#2" class="fl"><img src="img/foot3.png" /></a>
					<span class="fl">满599包邮</span>
				</div>
				<div class="clearfix">
					<a href="#2" class="fl"><img src="img/foot4.png" /></a>
					<span class="fl">手机特色服务</span>
				</div>
			</div>
		</div>
		<p class="dibu">水果商城&copy;2022-2023公司版权所有 渝ICP备088800-44备0000111000号<br />
			违法和不良信息举报电话：188-8888-6666，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
	</div>


</body>

</html>